<template>
  <div class="badge badge-lg badge-primary gap-2 mx-2">
    <svg
      xmlns="http://www.w3.org/2000/svg"
      fill="none"
      viewBox="0 0 24 24"
      class="inline-block h-4 w-4 stroke-current cursor-pointer hover:scale-150 transition-transform duration-100"
      @click="onDelete"
    >
      <path
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-width="4"
        d="M6 18L18 6M6 6l12 12"
      ></path>
    </svg>
    <slot />
  </div>
</template>
<script setup>
defineProps(["onDelete"]);
</script>
